HighContrast: Update notebook styling

Some fixes for arrows and for headers.

diff --git a/gtk/theme/HighContrast/_common.scss b/gtk/theme/HighContrast/_common.scss
index 0cfbf23258cceaf29e8ed2906d3c22c41703fce9..c894b20141753dba8faab311df24ba0c7d47f6ad 100644 (file)
--- a/gtk/theme/HighContrast/_common.scss
+++ b/gtk/theme/HighContrast/_common.scss
@@ -1239,7 +1239,7 @@ notebook {
     border: 1px solid $borders_color;
     &:backdrop { border-color: $backdrop_borders_color; }
   }
-  &.header {
+  & header {
     // FIXME: double borders in some case, can't fix it w/o a class tho
     // FIXME: doesn't work on dark var
     background-color: mix($bg_color, $borders_color, 70%);
@@ -1280,6 +1280,13 @@ notebook {
       background-color: mix($backdrop_borders_color,$backdrop_bg_color, 35%);
       box-shadow: none;
     }
+    & tabs arrow {
+      color: $insensitive_fg_color;
+      &:hover { color: mix($fg_color, $insensitive_fg_color, 50%); }
+      &:active { color: $fg_color; }
+      &:insensitive { color: transparentize($insensitive_fg_color,0.7); }
+      &:backdrop { color: transparentize($backdrop_fg_color,0.6); }
+    }
   }
   //vertical tab sizing
   $vt_vpadding: 8px;

diff --git a/gtk/theme/HighContrast/gtk.css b/gtk/theme/HighContrast/gtk.css
index 6fc22286886c95076dd7a54d7fec7284cdcf66ed..b51f4ee51e2244b08bbf416d0b5f242b41cc6f4b 100644 (file)
--- a/gtk/theme/HighContrast/gtk.css
+++ b/gtk/theme/HighContrast/gtk.css
@@ -1376,39 +1376,49 @@ notebook {
     border: 1px solid gray; }
     notebook.frame:backdrop {
       border-color: #8d8d8d; }
-  notebook.header {
+  notebook header {
     background-color: #d9d9d9; }
-    .frame notebook.header {
+    .frame notebook header {
       border: 1px solid gray; }
-      .frame notebook.header.top {
+      .frame notebook header.top {
         border-bottom-width: 0; }
-      .frame notebook.header.bottom {
+      .frame notebook header.bottom {
         border-top-width: 0; }
-      .frame notebook.header.right {
+      .frame notebook header.right {
         border-left-width: 0; }
-      .frame notebook.header.left {
+      .frame notebook header.left {
         border-right-width: 0; }
-      .frame notebook.header:backdrop {
+      .frame notebook header:backdrop {
         border-color: #8d8d8d; }
-    notebook.header.top {
+    notebook header.top {
       box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 -1px gray; }
-      notebook.header.top:backdrop {
+      notebook header.top:backdrop {
         box-shadow: inset 0 -1px #8d8d8d; }
-    notebook.header.bottom {
+    notebook header.bottom {
       box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 0 1px gray; }
-      notebook.header.bottom:backdrop {
+      notebook header.bottom:backdrop {
         box-shadow: inset 0 1px #8d8d8d; }
-    notebook.header.right {
+    notebook header.right {
       box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset 1px 0 gray; }
-      notebook.header.right:backdrop {
+      notebook header.right:backdrop {
         box-shadow: inset 1px 0 #8d8d8d; }
-    notebook.header.left {
+    notebook header.left {
       box-shadow: inset 0 2px 3px -1px rgba(0, 0, 0, 0.15), inset -1px 0 gray; }
-      notebook.header.left:backdrop {
+      notebook header.left:backdrop {
         box-shadow: inset -1px 0 #8d8d8d; }
-    notebook.header:backdrop {
+    notebook header:backdrop {
       background-color: #d7d7d7;
       box-shadow: none; }
+    notebook header tabs arrow {
+      color: gray; }
+      notebook header tabs arrow:hover {
+        color: #404040; }
+      notebook header tabs arrow:active {
+        color: #000; }
+      notebook header tabs arrow:insensitive {
+        color: rgba(128, 128, 128, 0.3); }
+      notebook header tabs arrow:backdrop {
+        color: rgba(0, 0, 0, 0.4); }
   notebook header.top tab {
     padding: 8px 20px;
     border-bottom-width: 3px; }